第11天：學習如何使用 CSS 和 HTML 進行網頁佈局和設計，並實作範例

今天是我參加 IT 鐵人賽的第十一天，我決定進一步學習如何使用 CSS 和 HTML 進行網頁佈局和設計。這些技術是網頁開發的基礎，掌握它們可以讓我創建出更加美觀和功能豐富的網站。

首先，我回顧了之前學習的 CSS 和 HTML 基本概念，並深入學習了更多的佈局和設計技巧。我學習了如何使用 CSS 的 display 屬性來控制元素的顯示方式，例如 block、inline 和 inline-block。我還學習了如何使用 float 和 clear 屬性來創建浮動佈局，以及如何使用 position 屬性來控制元素的位置。

再來，我學習了如何使用 CSS 進行網頁設計。這包括使用 color 和 background-color 屬性來設置元素的顏色和背景顏色，使用 font-family 和 font-size 屬性來設置字體和字體大小，以及使用 margin 和 padding 屬性來控制元素的邊距和填充。我還學習了如何使用 border 屬性來設置元素的邊框，包括邊框的寬度、樣式和顏色。

掌握了這些概念後，我開始實作一些範例來鞏固我的學習。我創建了一個包含多個元素的網頁，並使用 CSS 和 HTML 來設置它們的佈局和設計。我調整了元素的顏色、字體、邊距和填充，並使用不同的邊框樣式來強調不同的區域。

今天的學習讓我對 CSS 和 HTML 的佈局和設計有了更深入的理解，並且能夠運用這些技術來美化我的網頁。我期待在接下來的日子裡，能夠學習更多關於 CSS 和 HTML 的知識，並將它們應用到我的衛教網站中。